<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>点点有借</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../css/sm.css" />
	<link rel="stylesheet" href="../css/login.css?v=1.0" />
	<link rel="stylesheet" href="../css/adnimations.css">
	<link rel="stylesheet" href="../css/swiper-4.1.0.min.css" />
</head>
<body class="page" style="height: 100%;">	
	<div class="pageBGI" :style="{ height: bodyHeight + 'px' }" ></div>
 	<!--<div id="app" style="background: url(../img/jiade.png);background-size: 100% 100%;">-->
 	<div id="app" style="width: 100%;height: 100%; overflow-y: scroll;-webkit-overflow-scrolling: touch;background: url(../img/backgrounfDD.png) no-repeat; background-size: 100% 100%;">
	<!-- 首页 注册 -->
	<div class="top_title" style="display: none;">
		<!--<div @click="goHomeClick" class="home" style="display: none;"> < </div>-->
		<div @click="goHomeClick" class="home" style="width: 20px;height: 20px;background: url(../img/fanhui.png);background-size: 100% 100%;display: none;">  </div>
		<div @click="goRegestClick" class="regest">注册</div>
	</div>
	<!-- 贷 字 -->
	<!--<div class="logo"></div>-->
	<!-- 登录 切换 -->
	<div class="klhTopBM">
		<img src="../img/beiTOP.png" width="100%"height="auto"/>
	</div>
	<div class="login_type" style="display: none;">
		
       <div class="laba"></div>
       <div style="width: 2rem;height: 1rem;background: url(../img/labaKlh.png) no-repeat;background-size: 100% 100%;"></div>
	   <div class="swiper-container" id="swiper2"></div>
	</div>
	<!--<div @click="is_tel = true" id="kuaijie" class="left">快捷登录</div>
        <div class="middle">|</div>
        <div @click="is_tel = false"   id="zhanghao" class="right">账号登录</div>-->
	<!-- 快捷登录输入框 -->
	<div class="HBimg">
		
	<div id="tel_input" v-if="is_tel == true">
		<div class="login_input" >
			<input v-model="telVal" type="tel" placeholder="请输入手机号" maxlength="11" id="telVal" style="width: 93%;margin-left: 0.9rem;"/>
			<div @click="telVal = ''" v-if="showTelClear" class="clear" style="right: 0.5rem;"></div>
		</div>
		<div class="login_input" >
			<input v-model="yzmVal" type="tel" placeholder="请输入短信验证码" maxlength="4" style="width: 10rem;"/>
			<div @click="yzmVal = ''" v-if="showYzmClear" class="clear" style="right: 4.5rem;"></div>
			<div v-on:click="sendYzmClick" class="timer" v-bind:style="{color: yzmColor}" v-text="yzmTime2"></div>
			
		</div>
		<div class="login_input" id="VerificationC" >
			<input v-model="inviteCodeFirst" type="text" placeholder="请输入邀请码（可选）"  style="width: 100%" id="codeFirst"/>
			<div class="clear" style="right: 0;" @click="inviteCodeFirst = ''" v-if="clearinviteCodeFirst"></div>
		</div>
	</div>
	<!-- 账号密码输入框 -->
	<div id="zhanghao_input" v-if="is_tel == false ">
		<div class="login_input">
			<input v-model="zhanghao" type="tel" placeholder="请输入账号"/>
			<div @click="zhanghao = ''" v-if="showZhanghaoClear" class="clear" style="right: 0;"></div>
		</div>
		<div class="login_input">
			<input style="width: 7.5rem;" v-model="passwd" v-bind:type="pwType" maxlength="22" placeholder="请输入6~22位密码" />
			<div @click="showPwClick" v-bind:class="show_hide" style="right: 3.8rem;"></div>
			<div @click="forgetPwClick" class="timer" v-bind:style="{color: yzmColor}">忘记密码</div>
		</div>
		<div class="login_input">
			<input v-model="inviteCodeSecond" type="text" placeholder="请输入邀请码（可选）"  style="width: 9rem" id="codeSecond"/>
			<div  class="clear" style="right: 0;" @click="inviteCodeFirst = ''" v-if="clearinviteCodeFirst"></div>
		</div>
	</div>
	<!-- 登录按钮 -->
	<div @click="loginClick" v-bind:class="loginClass">立即借钱</div>
	<!--协议-->
	<div style="width: 100%;height: auto;display: flex;align-items: center;justify-content: center; margin-top: 0.5rem;">
		<div class="xieyi"  v-bind:class="{ actives: isActive }" @click="yuedu" style="display: none;"></div>
		<div style="font-size: 0.55rem; color: white;">验证代表您已同意<span style="color: #fdcb01;" @click="zhucexianyi"> 《 点点有借用户注册协议 》</span></div>
	</div>
	</div>
	
	<!--案例-->
	<div class="cases" style="display: none;">
		<div class="casesText">
			<span class="casesTextL"></span>
			<span >成功案例</span>
			<span class="casesTextR"></span>
		</div>
		<div class="casesItem">
			<div class="casesItemBM">
				<div style="display: flex;align-items: center;">
					<div class="casesItemIMG"></div>
					<div class="casesItemText" >
						<div class="casesItemtips" style="color: #333;">
							令狐先生<span style="padding-left: 1.05rem;"><span style="font-size: 0.6rem;color: #bbaeaa;">月收入</span ><span style="font-size: 0.6rem;color: #f8531b;">￥5000</span></span>
						</div>
						
					</div>
				</div>
				<div style="display: flex;font-size: 14px;justify-content: space-around;width: 90%; margin: 0 auto; align-items: center;margin-top: 0.25rem;">
								<div style="width: 1.2rem;height: 1.1rem;background: url(../img/luodiJB.png) no-repeat;background-size: cover; margin-left: 11px;">
									
								</div>
								<div>
									<div style="color: #666;">贷款头数</div>
									<div class="loanNumbs" style="color: #fcc841;">8头</div>
								</div>
								<div>
									<div style="color: #666;">贷款金额</div>
									<div class="loanNumbs" style="color: #fcc841;">2000元</div>
								</div>
								<div>
									<div style="color: #666;">贷款时间</div>
									<div class="loanNumbs" style="color: #fcc841;">5分钟</div>
								</div>
								<div>
									<div style="color: #666;">贷款公司</div>
									<div class="loanNumbs" style="color: #fcc841;">6家</div>
								</div>
							
							
				</div>
				<div class="casesContext" style="color: #666;">
					令狐先生月入5000元。上班一年，有信用卡，无逾期，6家公司为他放款
				</div>
			</div>			
		</div>
		
		<div class="casesItem">
			<div class="casesItemBM">
				<div style="display: flex;align-items: center;">
					<div class="casesItemIMG"></div>
					<div class="casesItemText" >
						<div class="casesItemtips" style="color: #333;">
							李先生<span style="padding-left: 1.05rem;"><span style="font-size: 0.6rem;color: #bbaeaa;">月收入</span ><span style="font-size: 0.6rem;color: #f8531b;">￥8000</span></span>
						</div>
						
					</div>
				</div>
				<div style="display: flex;font-size: 14px;justify-content: space-around;width: 90%; margin: 0 auto; align-items: center;margin-top: 0.25rem;">
								<div style="width: 1.2rem;height: 1.1rem;background: url(../img/luodiJB.png) no-repeat;background-size: cover; margin-left: 11px;">
									
								</div>
								<div>
									<div style="color: #666;">贷款头数</div>
									<div class="loanNumbs" style="color: #fcc841;">5头</div>
								</div>
								<div>
									<div style="color: #666;">贷款金额</div>
									<div class="loanNumbs" style="color: #fcc841;">5000元</div>
								</div>
								<div>
									<div style="color: #666;">贷款时间</div>
									<div class="loanNumbs" style="color: #fcc841;">5分钟</div>
								</div>
								<div>
									<div style="color: #666;">贷款公司</div>
									<div class="loanNumbs" style="color: #fcc841;">4家</div>
								</div>
							
							
				</div>
				<div class="casesContext" style="color: #666;">
					李先生月入8000元。上班一年，有信用卡，无逾期，4家公司为他放款
				</div>
			</div>			
		</div>
		
		<div class="casesItem">
			<div class="casesItemBM">
				<div style="display: flex;align-items: center;">
					<div class="casesItemIMG"></div>
					<div class="casesItemText" >
						<div class="casesItemtips" style="color: #333;">
							王先生<span style="padding-left: 1.05rem;"><span style="font-size: 0.6rem;color: #bbaeaa;">月收入</span ><span style="font-size: 0.6rem;color: #f8531b;">￥4000</span></span>
						</div>
						
					</div>
				</div>
				<div style="display: flex;font-size: 14px;justify-content: space-around;width: 90%; margin: 0 auto; align-items: center;margin-top: 0.25rem;">
								<div style="width: 1.2rem;height: 1.1rem;background: url(../img/luodiJB.png) no-repeat;background-size: cover; margin-left: 11px;">
									
								</div>
								<div>
									<div style="color: #666;">贷款头数</div>
									<div class="loanNumbs" style="color: #fcc841;">6头</div>
								</div>
								<div>
									<div style="color: #666;">贷款金额</div>
									<div class="loanNumbs" style="color: #fcc841;">3000元</div>
								</div>
								<div>
									<div style="color: #666;">贷款时间</div>
									<div class="loanNumbs" style="color: #fcc841;">5分钟</div>
								</div>
								<div>
									<div style="color: #666;">贷款公司</div>
									<div class="loanNumbs" style="color: #fcc841;">4家</div>
								</div>
							
							
				</div>
				<div class="casesContext" style="color: #666;">
					王先生月入4000元。上班一年，有信用卡，无逾期，4家公司为他放款
				</div>
			</div>			
		</div>
	</div>
	<div class="klhCopyright">
		
		<div style="text-align: center;">放款机构：平安普惠、中腾信、阳光保险、友信</div>
		<div style="text-align: center;height: 2rem;display: none;">Copyright@2015爱加空间(深圳)科技有限公司版权所有</div>
	</div>
	
	<!-- 语音验证码 -->
	<!--<div v-if="is_tel == true" class="login_yuyin">没收到短信？试试<span @click="yuyinClick" style="color: #1184FF;">电话语音验证码</span></div>-->
</div>
	

</body>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/sm.min.js"></script>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="../js/swiper-4.1.0.min.js"></script>
<script type="text/javascript" src="../js/md5.js"></script>
<script type="text/javascript" src="../js/util.js" ></script>

<script type="text/javascript" src="../js/login2.js?v=1.0"></script>
<script type="text/javascript">
	var userType = localStorage.getItem("userType");
	if(userType == 3){
		mui("#VerificationC")[0].style.display="none";
	}
	var winHeight = $(window).height(); //获取当前页面高度
	console.log("页面高度:"+winHeight);
                $(window).resize(function() {
                    var thisHeight = $(this).height();
                    
                    if (winHeight - thisHeight > 50) {
                        //当软键盘弹出，在这里面操作
                        //alert('aaa');
                        $('body').css('height', winHeight + 'px');
                    } else {
                        //alert('bbb');
                        //当软键盘收起，在此处操作
                        $('body').css('height', '100%');
                    }
    			});
    			
   function getCode() {
 	app.sendYzmClick();
 }

</script>
</html>